<template>
	<div class="bread zh-iconfont">
         <slot></slot>
	</div>
</template>

<script>
	export default {
		// 组件名称
		name: 'zh-breadcrumb',
	}
</script>

<style lang="scss" scoped>
.bread{
	color: #606266;
	font-size: 12px;
	line-height: 1;
	padding-bottom: 20px;
	cursor: pointer;
	span{
		&:first-child{
			font-weight: 700;
			color: #303133;
			cursor: pointer;
		}
		&:hover{
			color: #409EFF;
		}
		
		&:not(:first-child)::before{
			color: #C0C4CC;
			content: '\e630';
			margin: 0 7px;
		}
	}
}
</style>
